<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>化学品管理</title>
    <link rel="stylesheet" href="/static/lib/layui/css/layui.css">
    <link rel="stylesheet" href="/static/css/global.css">
    <link rel="stylesheet" href="/static/css/chemicals.css">
    <link rel="stylesheet" href="/static/css/g-search.css">
    <link rel="shortcut icon" type="image/x-icon" href="/static/img/zhandian.ico">
    <script src="/static/lib/layui/layui.js"></script>
</head>
<body>
<div class="main">
    <div th:replace="commons/bar::topbar"></div>

    <div th:replace="commons/bar::sidebar"></div>

    <div class="mainContent">
        <div class="m-content">
            <div class="search">
              <input type="text" name="title" placeholder="请输入产品名称" class="search-input">
              <span class="search-log search-btn layui-icon layui-icon-search">搜索</span>
            </div>
            <div class="search-show">
            <table class="layui-hide" id="chemicals-demo" lay-filter="test"></table>
            <!--操作-->
            <script type="text/html" id="barDemo">
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="detail">查看详情</a>
            </script>
        </div>
        </div>
    </div>

    <!-- 搜索的内容 -->
    <div id="search-info" style="display: none">
        <table class="layui-hide" id="search-demo" lay-filter="test"></table>
    </div>
</div>
<script>
    layui.config({
        base: '/static/js/'
    }).use('chemicals');
</script>
</body>
</html>